<script type="text/javascript" src="/carfee/scripts/init_css.js"></script>

<div id="main-content" class="main-content frame-content">

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<section class="heading clear">
	  <h3></h3>
	  <ul class="bread">
	  </ul>
	</section>
	
	<div class="container" ui-view="">
		<div class="panel">
			<header class="panel-header">帐号列表</header>
			<!-- 搜索区域 -->
			<div class="panel-body panel-query">
				<div class="form-group" style="margin-bottom:0px">
					<label class="control-label col-1of10">关键字</label>
					<div class="col-1of6">
						<input class="form-control" type="text" id="queryKey">
					</div>
					<div class="col-1of6">
						<a class="btn btn-primary" href="#" id="query">查询</a>
					</div>
				</div>
			</div>
			<div class="sidemenu" style="padding:10px 0 0 10px">
				<a class="btn btn-primary" href="#" id="add">添加</a>
			</div>
			<div class="panel-body">
				<table class="table table-hover">
					<thead>
						<tr>
							<th>序号</th>
							<th>登录帐号</th>
							<th>管理员姓名</th>
							<th>工号</th>
							<th>帐号状态</th>
							<th style="text-align: center">操作</th>
						</tr>
					</thead>
					<tbody id="list_tbody">
					</tbody>
				</table>
			</div>
			<div class="panel-footer">
				<div id="page_info" class="page_info">当前查询条件下，共 <span id="page_record_count">0</span> 条记录。</div>
				<nav class="pager2">
					<div id="page_prev" class="prev">←&nbsp;上一页</div>
					<div id="crtPage" class="crtPage">1</div>
					<div id="page_next" class="next">下一页&nbsp;→</div>
				</nav>
			</div>
		</div>
	</div>

</div>

<!-- 添加 弹出框-->
<div id="alert_div" style="display:none">
	<div class="form-group">
		<label class="control-label col-1of4" for="">管理员姓名：</label>
		<div class="col-1of2">
			<input type="hidden" data-id="userId" value="0">
			<input class="form-control" validate="required" type="text" data-id="user_account">
		</div>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4" for="">登录帐号：</label>
		<div class="col-1of2">
			<input class="form-control" validate="required" type="text" data-id="user_name">
		</div>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4" for="">工号：</label>
		<div class="col-1of2">
			<input class="form-control" validate="required" type="text" data-id="user_work_num">
		</div>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4">部门单位：</label>
		<div class="col-1of2">
			<input class="form-control" validate="required" type="text" data-id="department">
		</div>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4" for="">密码：</label>
		<div class="col-1of2">
			<input class="form-control" validate="required" type="password" data-id="userPassword">
		</div>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4" for="">确认密码：</label>
		<div class="col-1of2">
			<input class="form-control" validate="required" type="password" data-id="confirm_userPassword">
		</div>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4">备注：</label>
		<div class="col-1of2">
			<textarea class="form-control" data-id="remark" style="resize:none"></textarea>
		</div>
	</div>
</div>

<!-- 修改 弹出框-->
<div id="alert_edit_div" style="display:none">
	<div class="form-group">
		<label class="control-label col-1of4" for="">登录帐号：</label>
		<div class="col-1of2">
			<input class="form-control" validate="required" type="text" data-id="user_name">
		</div>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4" for="">管理员姓名：</label>
		<div class="col-1of2">
			<input type="hidden" data-id="userId">
			<input class="form-control" validate="required" type="text" data-id="user_account">
		</div>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4">工号：</label>
		<div class="col-1of2">
			<input class="form-control" validate="required,num" type="text" data-id="user_work_num">
		</div>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4">部门单位：</label>
		<div class="col-1of2">
			<input class="form-control" validate="required" type="text" data-id="department">
		</div>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4">修改密码</label>
		<label class="control-label-left col-1of2">
			<input type="checkbox" style="width:auto" id="isPasswordModify">
		</label>
	</div>
	<div id="update_pwd_div" style="display:none">
		<div class="form-group">
			<label class="control-label col-1of4" for="">旧密码：</label>
			<div class="col-1of2">
				<input class="form-control" type="password" data-id="oldPassword">
			</div>
		</div>
		<div class="form-group">
			<label class="control-label col-1of4" for="">新密码：</label>
			<div class="col-1of2">
				<input class="form-control" type="password" data-id="userPassword">
			</div>
		</div>
		<div class="form-group">
			<label class="control-label col-1of4" for="">确认新密码：</label>
			<div class="col-1of2">
				<input class="form-control" type="password" data-id="confirm_userPassword">
			</div>
		</div>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4">备注：</label>
		<div class="col-1of2">
			<textarea class="form-control" data-id="remark" style="resize:none"></textarea>
		</div>
	</div>
</div>

<!-- 详情弹出框  -->
<div id="alert_detail_div" style="display:none">
	<div class="form-group">
		<label class="control-label col-1of4">登录帐号：</label>
		<label class="control-label-left col-1of2" data-id="user_name"></label>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4">管理员姓名：</label>
		<label class="control-label-left col-1of2" data-id="user_account"></label>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4">工号：</label>
		<label class="control-label-left col-1of2" data-id="user_work_num"></label>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4">部门单位：</label>
		<label class="control-label-left col-1of2" data-id="department"></label>
	</div>
	<div class="form-group">
		<label class="control-label col-1of4">备注：</label>
		<label class="control-label-left col-1of2" data-id="remark"></label>
	</div>
</div>

<!-- 加载 JS 脚本 -->
<script type="text/javascript" src="/carfee/scripts/init_js.js"></script>
<script type="text/javascript" src="/carfee/module/sysuser/index.js"></script>